<template>
<div class="recharge-details">
  <div class="info">
    <ul class="space-between">
      <li><label>充值金额</label><span>￥{{orderRecord.price}}</span></li>
      <li><label>支付方式</label><span>{{orderRecord.payType | payTypeFormat}}</span></li>
      <li><label>入账时间</label><span>{{orderRecord.createTime ? orderRecord.createTime.replace('T', ' ').replace(/-/g, '.') : ''}}</span></li>
      <li><label>订单编号</label><span>{{orderNo}}</span></li>
    </ul>
  </div>
</div>
</template>
<!-- 充值明细页面 -->
<script>
  export default {
    name: 'rechargeDetails',

    props: {},

    data () {
      return {
              // 订单记录
        orderRecord: {},
              // 订单id
        orderNo: this.$route.query.orderNo,
              // 金额
        price: ''
      }
    },
    mounted () {
      this.init()
    },

    methods: {
          // 获取广告信息
      init () {
        this.$load.show({
          mask: true
        })
        this.$http.get('/api/qrCode/getOrderRecord?orderNo=' + this.orderNo).then(res => {
          console.log(res)
          this.$load.hide()
          if (res.status === 200) {
            this.orderRecord = res.data;
          }
        })
      }
    },
    filters: {
      payTypeFormat (value) {
        if (value === '0101') {
          return '银行卡支付';
        }
        if (value === '0102') {
          return '微信支付';
        }
        if (value === '0103') {
          return '支付宝支付';
        }
        return '--'
      },
      dateFormat (value) {
        let date = new Date(value);
        let ret;
        let opt = {
          'Y+': date.getFullYear().toString(),        // 年
          'm+': (date.getMonth() + 1).toString(),     // 月
          'd+': date.getDate().toString(),            // 日
          'H+': date.getHours().toString(),           // 时
          'M+': date.getMinutes().toString(),         // 分
          'S+': date.getSeconds().toString()          // 秒
                  // 有其他格式化字符需求可以继续添加，必须转化成字符串
        };
        let fmt = 'YYYY-mm-dd HH:MM:SS';
        for (let k in opt) {
          ret = new RegExp('(' + k + ')').exec(fmt);
          if (ret) {
            fmt = fmt.replace(ret[1], (ret[1].length === 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, '0')))
          };
        };
        return fmt;
      }
    }
  }
</script>

<style scoped lang="scss">
  .recharge-details {
    height: 100%;
    overflow-y: scroll;
    background: $theme-page-bg;

    .info {
      margin-top: 8px;
      background: $theme-white;
      padding: 16px;
    }
  }
</style>
